// 文档加载事件
//主轮播图
$(function () {
  $("#bannerInner").tyslide({
    boxh: 400,//盒子的高度
    w: 1000,//盒子的宽度
    h: 370,//图片的高度
    isShow: true,//是否显示控制器
    isShowBtn: true,//是否显示左右按钮
    controltop: 0,//控制按钮上下偏移的位置,要将按钮向下移动   首先保证boxh 高度>图片 h
    controlsW: 20,//控制按钮宽度
    controlsH: 20,//控制按钮高度
    radius: 10,//控制按钮圆角度数
    controlsColor: "#d7d7d7",//普通控制按钮的颜色
    controlsCurrentColor: "#ff6600",//当前控制按钮的颜色
    isShowNum: true //是否显示数字
  });

  //主轮播图·图书
  $(".bookslide").tyslide({
    boxh: 220,//盒子的高度
    w: 330,//盒子的宽度
    h: 220,//图片的高度
    isShow: true,//是否显示控制器
    isShowBtn: true,//是否显示左右按钮
    controltop: 10,//控制按钮上下偏移的位置,要将按钮向下移动   首先保证boxh 高度>图片 h
    controlsW: 20,//控制按钮宽度
    controlsH: 3,//控制按钮高度
    radius: 5,//控制按钮圆角度数
    controlsColor: "#d7d7d7",//普通控制按钮的颜色
    controlsCurrentColor: "#ff6600",//当前控制按钮的颜色
    isShowNum: false //是否显示数字
  })


  //主轮播图·服饰·运动·童装
  $(".clolber").tyslide({
    boxh: 342,//盒子的高度
    w: 428,//盒子的宽度
    h: 340,//图片的高度
    isShow: true,//是否显示控制器
    isShowBtn: true,//是否显示左右按钮
    controltop: 5,//控制按钮上下偏移的位置,要将按钮向下移动   首先保证boxh 高度>图片 h
    controlsW: 20,//控制按钮宽度
    controlsH: 3,//控制按钮高度
    radius: 5,//控制按钮圆角度数
    controlsColor: "#d7d7d7",//普通控制按钮的颜色
    controlsCurrentColor: "#ff6600",//当前控制按钮的颜色
    isShowNum: false //是否显示数字
  })


  //图书 二级菜单 点击移入事件
  // $('.books-top li').mouseenter(function () {
  //   //激活样式
  //   $(this).addClass('active')
  //   $(this).siblings().removeClass()
  //   //定义索引链接内容
  //    let index=$(this).index()
  //    //显示对应的内容
  //    $('.bookcen').removeClass('on').eq(index).addClass('on')
  //    console.log(index);
  // })

  //图书 二级菜单 点击移入事件
  //获取标签
  let bookTop = document.querySelectorAll('.books-top li');
  let bookcen = document.querySelectorAll('.bookcen')
  //图书 二级菜单
  let booknew = function () {
    //定义变量保存索引
    let olIndex = 0;
    //遍历
    bookTop.forEach(function (item, index) {

      //注册移入事件
      item.addEventListener('mouseover', function () {
        // 删除样式
        bookTop[olIndex].classList.remove('active')
        //添加样式
        item.classList.add('active');
        //删除内容样式
        bookcen[olIndex].classList.remove('on');
        //添加内容样式
        bookcen[index].classList.add('on')
        //赋值
        olIndex = index;
      })
    })
  }
  booknew()//调用

  //图书·新书展示
  //获取标签
  let bookLi = document.querySelectorAll('.books-new li')
  let bookH = document.querySelectorAll('.books-new li h4');
  let bookdiv = document.querySelectorAll('.books-new li div');
  //图书·新书展示
  let newbooks = function () {
    //定义变量保存索引
    let olIndex = 0;
    //遍历
    bookH.forEach(function (item, index) {
      //注册点击事件
      item.addEventListener('click', function () {
        //显示标题
        bookH[olIndex].classList.remove('active')
        //隐藏标题
        bookH[index].classList.add('active')
        //隐藏内容
        bookdiv[olIndex].classList.remove('on')
        //显示内容
        bookdiv[index].classList.add('on')
        //赋值
        olIndex = index;
      })
    })
  }
  newbooks()//调用
  //获取类名 ·图书
  let fzLi = document.querySelectorAll('.fz ul li')
  let cton = document.querySelectorAll('.ct')
  // ·图书
  let books = function () {
    //定义变量保存索引
    let olIndex = 0;
    //遍历
    fzLi.forEach(function (item, index) {
      //注册移入事件
      item.addEventListener('mouseover', function () {
        // 删除样式
        fzLi[olIndex].classList.remove('active')
        //添加样式
        item.classList.add('active');
        //删除内容样式
        cton[olIndex].classList.remove('on');
        //添加内容样式
        cton[index].classList.add('on')
        //赋值
        olIndex = index;
      })
    })
  }
  books()//调用
  //获取类名 ·户外运动
  let runLi = document.querySelectorAll('.run ul li')
  let dg = document.querySelectorAll('.dg')

  console.log(runLi, dg);
  // ·户外运动
  let rundtion = function () {
    //定义变量保存索引
    let olIndex = 0;
    //遍历
    runLi.forEach(function (item, index) {
      //注册移入事件
      item.addEventListener('mouseover', function () {
        // 删除样式
        runLi[olIndex].classList.remove('active')
        //添加样式
        item.classList.add('active');
        //删除内容样式
        dg[olIndex].classList.remove('on');
        //添加内容样式
        dg[index].classList.add('on')
        //赋值
        olIndex = index;
      })
    })
  }
  rundtion()//调用
  //获取类 ·童装
  let sunLi = document.querySelectorAll('.sun ul li')
  let chd = document.querySelectorAll('.chd')

  console.log(sunLi, chd);
  // ·童装
  let chiled = function () {
    //定义变量保存索引
    let olIndex = 0;
    //遍历 
    sunLi.forEach(function (item, index) {
      //注册移入事件
      item.addEventListener('mouseover', function () {
        // 删除样式
        sunLi[olIndex].classList.remove('active')
        //添加样式
        item.classList.add('active');
        //删除内容样式
        chd[olIndex].classList.remove('on');
        //添加内容样式
        chd[index].classList.add('on')
        //赋值
        olIndex = index;
      })
    })
  }
  chiled()//调用

  // 楼层滚蛋
  $('.floor li').hover(function () {
    // 移入
    //获取颜色
    let bgc = $(this).data('bgc');
    // 添加颜色
    $(this).css('backgroundColor', bgc)
    $(this).css({
      'background-position-x': -40,
      'width': 80
    })
  }, function () {
    // 移出·清除样式
    $(this).css({
      'backgroundColor': '',
      'background-position-x': 0,
      'width': 40
    })
  }).on('click', function () {
    // 获取索引
    let index = $(this).index();
    //获取对应floor-box距离顶部的偏移高度
    let sTop = $('.flool-box').eq(index).offset().top
    console.log(sTop);
    //运动
    $('html,body').animate({ scrollTop: sTop }, 300)
  })
  //顶部固定搜索框
  $(window).on('scroll', function () {
    //获取滚动条高度
    let sTop = parseInt($('html,body').scrollTop())

    //显示条件
    if (sTop > 600) {
      // 显示
      $('.fixedtop').slideDown()
      // 追加到固定框
      // $('.shop').appendTo('.fixedtop')
      $('.search').appendTo('.fixedtop')
      // $('.order').appendTo('.fixedtop')

    } else {
      // 隐藏
      $('.fixedtop').slideUp()
      // 追加回顶部
      $('.search').appendTo('.door')
      // $('.shop').appendTo('.door')
      // $('.order').appendTo('.door')
    }
  })




  let gotop = document.querySelector('.gotop')


  window.addEventListener('scroll', function () {
    // 获取滚动条高度
    let stop = document.documentElement.scrollTop
    console.log(stop);
    // 判断
    if (stop > 800) {
      gotop.style.display = 'block'//显示
    } else {
      gotop.style.display = 'none'//隐藏
    }
  })

  // 注册点击事件
  gotop.addEventListener('click', function () {

   


    let time = setInterval(function () {
      let s = Math.floor(document.documentElement.scrollTop)//获取实时滚动条距离
      let t = 800//定义时间
      let v = s / t;//计算速度
      console.log(s);

      //求滚动条的速度  
      document.documentElement.scrollTop -= 50 * v;

      //判断距离并清除时间Id
      if (document.documentElement.scrollTop <= 0) {
        clearInterval(time);
      }
    }, 100)

  })



})

